// 颜色变量
$primary-color: #2d8cf0;
$info-color: #2db7f5;
$success-color: #19be6b;
$warning-color: #ff9900;
$error-color: #ed4014;

// 文字颜色
$text-color: #515a6e;
$text-color-secondary: #808695;

// 边框颜色
$border-color: #dcdee2;
$border-color-light: #e8eaec;

// 背景颜色
$background-color: #f8f8f9;

// 尺寸
$font-size-base: 14px;
$font-size-small: 12px;
$font-size-large: 16px;

// 间距
$spacing-base: 8px;
$spacing-large: 16px;
$spacing-small: 4px;

// 边框圆角
$border-radius-small: 2px;
$border-radius-base: 4px;
$border-radius-large: 6px;

// 阴影
$shadow-base: 0 2px 8px rgba(0, 0, 0, 0.15);

// 过渡
$transition-time: 0.3s;

// 混合宏
@mixin flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

@mixin text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@mixin multi-line-ellipsis($lines: 2) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: $lines;
  overflow: hidden;
} 